<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
        <meta http-equiv="content-type" content="text-html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="theme.css"/>
        <link rel="stylesheet" href="styles/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="styles/nivo.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="styles/frames.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="styles/main.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="styles/menu.css" type="text/css" media="screen" />
        <script type="text/javascript" src="scripts/jquery1.5.2.js"></script>
        <script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript" src="scripts/jquery.lavalamp.min.js"></script>
        <script type="text/javascript" src="scripts/jquery.easing.min.js"></script>
        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();

                $("#menu").lavaLamp({
                    fx: "backout",
                    speed: 700,
                    click: function(event, menuItem) {
                        location.href="layout.php?page=development";
                    }
                });
            });
        </script>
    </head>
    <body>
        <center>
        <div id="page">
            <div id="header">
                <ul class="lavaLampNoImage" id="menu">
                    <li <?php if($_GET['page'] == 'main') echo "class='current'" ?> ><a href="layout.php?page=main">Incio</a></li>
                    <li <?php if($_GET['page'] == 'development') echo "class='current'" ?> ><a href="layout.php?page=development">Desarrollo de Software</a></li>
                    <li <?php if($_GET['page'] == 'webdesign') echo "class='current'" ?> ><a href="layout.php?page=webdesign">Diseño Web</a></li>
                    <li <?php if($_GET['page'] == 'webcomponents') echo "class='current'" ?> ><a href="layout.php?page=webcomponents">Componentes Web</a></li>
                    <li <?php if($_GET['page'] == 'aboutus') echo "class='current'" ?> ><a href="layout.php?page=aboutus">Acerca de Nosotros</a></li>
                    <li <?php if($_GET['page'] == 'contact') echo "class='current'" ?> ><a href="layout.php?page=contact">Contacto</a></li>
                </ul>
            </div>

            <img src="images/linea.jpg" class="full">

            <div id="main">
                <?php
                    $page = $_GET['page'].".php";
                    if (file_exists($page))
                        include($page);
                    else
                        include("404.php");
                ?>
            </div>
            <br/>
            <div id="footer">
                <p>
                    WebComponentes &copy; 2011
                    <a href="layout.php?page=main">Inicio</a>
                    <a href="layout.php?page=development">Desarrollo</a>
                    <a href="layout.php?page=webdesign">Diseño</a>
                    <a href="layout.php?page=webcomponents">Componenetes</a>
                    <a href="layout.php?page=aboutus">Acerca De</a>
                    <a href="layout.php?page=contact">Contacto</a>
                </p>
            </div>
        </div>
        </center>
    </body>
</html>
